<template>
  <div>
    <van-nav-bar>
      <template #left>
        <div class="logobox"></div>
        <div class="logotitle">让口感更纯粹</div>
      </template>
      <template #right>
        <div class="logoright" @click="goPage">先逛一逛</div>
      </template>
    </van-nav-bar>
  </div>
</template>

<script>
export default {
  name: "RXnav",
  methods: {
    goPage() {
      this.$router.push({ name: "Home" });
    },
  },
};
</script>

<style lang="less" scoped>
.logobox {
  width: 50px;
  height: 50px;
  background: url(../assets/img/logo.png) no-repeat;
  background-color: #fff;
  background-size: 100%;
  border-radius: 50%;
}
.logoright {
  color: #999;
}
.logotitle{
  color: #05a1f4;
}
</style>